@extends('common.base-master')

@section('html-head')
	<link rel="stylesheet" type="text/css" href="{{url('temple/css/index.css')}}">
@endsection

@section('html-body')
<div class="all-wrap" style="margin-top: 168px;">
	<div class="head-fix">
		<header class="clearfix">
			<div class="header-search fl">
				<a href="http://m.idx.com.cn/Search.html"><span class="icon"></span></a>
			</div>
			<div class="header-logo fl">
				<span class="icon"></span>
			</div>
		</header>
		<!-- 页头导航栏 -->
		<nav class="nav-drag" id="wrapp" style="overflow: hidden;">
			<ul class="scroll" style="width: 1340px; transform-origin: 0px 0px 0px;">
				<li class="active"><a href="http://m.idx.com.cn/">推荐</a></li>
				<li><a href="#">男T恤</a></li>
				<li><a href="http://m.idx.com.cn/ChannelTypeList.html?cid=f94835cb-e0c3-45fd-9039-5418ebda6441">女T恤</a></li>
			</ul>
		</nav>
	</div>

	<!-- Swiper -->
	<div class="swiper-container swiper-container-horizontal" id="swiper-1">
		<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1500px, 0px, 0px);">
			@if(count($banners) > 0)
				@foreach($banners as $banner)
			<div class="swiper-slide" data-swiper-slide-index="{{$banner->sort}}" style="width: 750px;">
				<a href="{{$banner->link_url}}">
					<img src="{{\App\Http\Services\FileManager::getAliOssFile($banner->img_id)}}" alt="zoomyoung.cn-{{$banner->title}}">
				</a>
			</div>
				@endforeach
				@endif
		</div>
		<!-- Add Pagination -->
		<div class="swiper-pagination swiper-pagination-clickable" id="xi-dian1">
			<span class="swiper-pagination-bullet"></span>
			<span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
			<span class="swiper-pagination-bullet"></span>
			<span class="swiper-pagination-bullet"></span>
		</div>
	</div>
	<!-- 服务和保证 -->
	<div class="service mb24 clearfix">
		<div class="service-item">
			<span class="icon"></span>个性定制
		</div>
		<div class="service-item">
			<span class="icon"></span>48小时闪电发货
		</div>
		<div class="service-item">
			<span class="icon"></span>30天无忧退换货
		</div>
	</div>

	<!-- 两个并排的主题广告 -->
	<div class="theme-ad clearfix">
	</div>
	<div class="content">
		{{--<!-- 新品推荐栏目 -->--}}
		{{--@if($recommendArry['new'])--}}
		{{--<h5 class="sort-title-type1">新品推荐<span class="icon"></span></h5>--}}
		{{--<div class="full-width-pic mb24">--}}
			{{--<a href="{{$recommendArry['new']['link_url']}}">--}}
				{{--<img src="{{route('Api.File.Image.Show',['id'=>$recommendArry['new']['img_id']])}}" alt="">--}}
			{{--</a>--}}
		{{--</div>--}}
		{{--@endif--}}
		{{--<div class="content-wrap1 weip1" id="content-wrap1" style="overflow: hidden;">--}}
			{{--<div id="we-suggest" class="sort-content-type3 pb24 clearfix scroll" style="width: 2610px; transform-origin: 0px 0px 0px;">--}}

				{{--@if(count($good_hots) > 0)--}}
					{{--@foreach($good_hots as $good_hot)--}}
				{{--<div class="sort-item-type3">--}}
					{{--<a href="#">--}}
						{{--<div class="full-width-pic mb8">--}}
							{{--<img src="{{route('Api.File.Image.Show',['id'=>$good_hot->thumb_id])}}">--}}
						{{--</div>--}}
						{{--<div class="item-describle">--}}
							{{--<p><em class="price-dark">￥{{$good_hot->s_price}}</em></p>--}}
						{{--</div>--}}
					{{--</a>--}}
				{{--</div>--}}
					{{--@endforeach--}}
				{{--@endif--}}
			{{--</div>--}}
		{{--</div>--}}
		{{--<div class="boxshadow8" style="width: 100%; height: 8px;"></div>--}}

		<!-- 人气推荐栏目 -->
		<h5 class="sort-title-type1">人气推荐<span class="icon"></span></h5>
		@if($recommendArry['hot'])
		<div class="full-width-pic mb24 boxshadow6">
			<a href="{{$recommendArry['hot']['link_url']}}">
				<img src="{{route('Api.File.Image.Show',['id'=>$recommendArry['hot']['img_id']])}}" alt="">
			</a>
		</div>
		@endif
		<div class="content-wrap1">
			<div class="sort-content-type1 clearfix">
				@if(count($goods) > 0)
					@foreach($goods as $good)
				<div class="sort-item-type1">
					<a href="http://m.idx.com.cn/Commodity/64790.html">
						<div class="item-width">
							<div class="full-width-pic">
								<img src="{{route('Api.File.Image.Show',['id'=>$good->thumb_id])}}">
							</div>
						</div>
						<div class="item-describle item-width">
							<p>{{$good->name}}</p>
							<p><em class="price">￥{{$good->s_price}}</em></p>
						</div>
					</a>
				</div>
					@endforeach
				@endif
			</div>
		</div>

		<div style="text-align: center; font-size: 24px; color: #777;margin-bottom: 20px;">—— 没有更多了 ——</div>
	</div>
        <div style="width: 100%;text-align: center;bottom: 10px">
            <p class="copyright">版权所有 @瑞志信息科技</p><p><a href="https://beian.miit.gov.cn/">粤ICP备18022639号</a></p>
        </div>
	<!-- 底部导航 -->
	<footer class="footer-custom">
		<a href="http://m.idx.com.cn/" id="nav-home" class="active"><span class="nav-home icon"></span><p>首页</p></a>
		<a href="http://m.idx.com.cn/Customize/Index" id="nav-custom"><span class="nav-custom icon"></span><p>个性定制</p></a>
		<a href="http://m.idx.com.cn/Members/Account/Index" id="nav-user"><span class="nav-user icon"></span><p>我的</p></a>
	</footer>
	<script src="{{url('temple/js/hm.js')}}"></script><script src="{{url('temple/js/hm(1).js')}}"></script><script type="text/javascript">
        function setfoot(id) {
            $("#" + id).addClass("active");
        }
	</script>

</div>
<script type="text/javascript" src="{{url('temple/js/jquery-1.7.2.js')}}"></script>
<script type="text/javascript" src="{{url('temple/js/pub.js')}}"></script>
<script type="text/javascript" src="{{url('temple/js/swiper.min.js')}}"></script>
<script type="text/javascript" src="{{url('temple/js/dialog.js')}}"></script>
<script type="text/javascript" src="{{url('temple/js/common.js')}}"></script>
<script type="text/javascript">
    function goBack() {
        window.history.go(-1);
    }
</script>

<script type="text/javascript" src="{{url('temple/js/iscroll.js')}}"></script>
<script type="text/javascript" src="{{url('temple/js/index.js')}}"></script>
<script type="text/javascript">
    $(function () {
        $("#good-shop ul li").eq(0).removeClass("dnone").addClass("activeB");
        $("#good-shop ul li").eq(1).removeClass("dnone").addClass("active");
        $("#good-shop ul li").eq(2).removeClass("dnone").addClass("activeA");
    });
    setfoot("nav-home");
</script>
@endsection
